[Day8] [筆記] React Props (下）

13th鐵人賽 react

chunwen

2021-09-23 23:44:42

537 瀏覽

分享至

前言

昨天我們了解到如何透過 Props 來傳遞資料給子元件。而今天我們要來認識如何在元件中間包裹內容。

Props.children

function Card(props) {
    const classes = 'card ' + props.className; //必須這樣撰寫才能將原本Component上的 ClassName 加入
    return (
        <div className={classes}>{props.children}</div>
    )
}

說明：

我們過往都是透過 <div> 包裹一個物件，但是如果我們用自製元素來包裹的話，我覺得概念蠻像
是一個 Template ，目的是可以節省 css 或是 HTML 撰寫。

參考資料

[Day7] [筆記] React Props (上）

[Day9] [筆記]React Hooks-UseState、UseEffect

系列文

30天學 React.js 共 14 篇

RSS系列文訂閱系列文

2 人訂閱

完整目錄

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友留言

立即登入留言

30天學 React.js 系列 第 8 篇

[Day8] [筆記] React Props (下）

前言

Props.children

說明：

參考資料

尚未有邦友留言

標記使用者

30天學 React.js 系列第 8 篇